<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>点名管理 - 教师面板</title>
  <link rel="stylesheet" href="./../../static/teacher/css/style.css">
  <script src="./../../static/teacher/js/attendance-management.js"></script>
</head>
<body>
  <header class="navbar">
		<div class="logo">TeacherPanel</div>
		<h1>教师控制面板</h1>
		<div class="user-info">
			<img src="teacher-avatar.jpg" alt="Teacher Avatar" class="avatar">
			<span>教师</span>
			<button class="logout-btn" id="logout-btn">退出</button>
		</div>
	</header>

  <aside class="sidebar">
    <ul>
      <li><a href="home.html">工作首页</a></li>
      <li><a href="course-management.html">课程管理</a></li>
      <li><a href="attendance-management.html">点名管理</a></li>
      <li><a href="teaching-management.html">教学管理</a></li>
      <li><a href="student-management.html">学生管理</a></li>
      <li><a href="homework-management.html">作业管理</a></li>
    </ul>
  </aside>

  <main>
    <section class="dashboard">
      <h2>点名记录</h2>

      <!-- 创建点名记录 -->
      <div class="create-attendance">
        <h3>创建点名记录</h3>
        <form id="create-attendance-form">
          <label for="start-time">开始时间：</label>
          <input type="datetime-local" id="start-time" name="start-time" required><br><br>
          <label for="end-time">结束时间：</label>
          <input type="datetime-local" id="end-time" name="end-time" required><br><br>
          <button type="submit">创建点名记录</button>
        </form>
      </div>

      <!-- 点名记录列表 -->
      <div class="attendance-list">
        <h3>点名记录</h3>
        <table>
          <thead>
            <tr>
              <th>点名记录ID</th>
              <th>开始时间</th>
              <th>结束时间</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="attendance-table-body">
            <!-- 动态添加点名记录 -->
          </tbody>
        </table>
      </div>
    </section>
  </main>

  <footer class="footer">
    <p>© 2024 TeacherPanel, All Rights Reserved</p>
    <a href="/help">帮助</a> | <a href="/contact">联系我们</a>
  </footer>


</body>
</html>
